<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品展示</title>
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../css/display.css">


</head>
<body>
<!-- 头部 -->
<div class="container">
  <nav class="navbar navbar-default" role="navigation">
      <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>
         <a class="navbar-brand" href="#"></a>
      </div>
      <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav navbar-right">
              <li><a href="../index.html" >首页</a></li>
              <li><a href="company.html" >关于公司</a></li>
              <li><a href="#" style="color: green;border-bottom: 2px solid green;">产品展示</a></li>
              <li><a href="join.html">招商加盟</a></li>
              <li><a href="contact.html">联系我们</a></li>
          </ul>
      </div>
  </nav>
</div>

<!-- 轮播图 -->
<div id="carousel-id" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-id" data-slide-to="0" class=""></li>
        <li data-target="#carousel-id" data-slide-to="1" class=""></li>
        <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item">
            <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide" src="../images/aboutus_banner.jpg">
            
        </div>
        <div class="item">
            <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide" src="../images/banner.jpg">
           
        </div>
        <div class="item active">
            <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="../images/banner02.jpg">

        </div>
    </div>
    <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<!-- 中间内容开始 -->
<div class="labe">
    <div class="labe-one">

       <div role="tabpanel">
          <!-- Nav tabs -->
           <ul class="nav nav-tabs" role="tablist">
              <li role="presentation" class="active">
                  <a href="#one" aria-controls="one" role="tab" data-toggle="tab">强化复合系列</a>
              </li>
              <li role="presentation">
                 <a href="#two" aria-controls="two" role="tab" data-toggle="tab">高端水洗系列</a>
              </li>
              <li role="presentation">
                <a href="#three" aria-controls="three" role="tab" data-toggle="tab">立体拼花系列</a>
             </li>
             <li role="presentation">
                <a href="#four" aria-controls="four" role="tab" data-toggle="tab">多层实木系列</a>
             </li>
             <li role="presentation">
                <a href="#five" aria-controls="five" role="tab" data-toggle="tab">实木系列</a>
             </li>
           </ul>

          <!-- Tab panes -->
           <div class="tab-content">
              <div role="tabpanel" class="tab-pane active " id="one">
                  <div class="row">
                <div class="col-md-4 col-sm-6  pic">
                    <img src="../images/item04.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item06.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item03.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item01.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item05.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item02.jpg">
                </div>
            
            </div>
              </div>

              <div role="tabpanel" class="tab-pane  " id="two">
                <div class="row">
                <div class="col-md-4 col-sm-6  pic">
                    <img src="../images/item01.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item03.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item02.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item04.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item05.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item06.jpg">
                </div>
                </div>
              </div>

              <div role="tabpanel" class="tab-pane  " id="three">
                <div class="row">
                <div class="col-md-4 col-sm-6  pic">
                    <img src="../images/item04.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item05.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item02.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item01.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item03.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item06.jpg">
                </div>
                </div>
              </div>
              
              <div role="tabpanel" class="tab-pane  " id="four">
                <div class="row">
                <div class="col-md-4 col-sm-6  pic">
                    <img src="../images/item02.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item04.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item01.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item03.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item05.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item06.jpg">
                </div>
                </div>
              </div>

              <div role="tabpanel" class="tab-pane  " id="five">
                <div class="row">
                <div class="col-md-4 col-sm-6  pic">
                    <img src="../images/item05.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item06.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item02.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item04.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item01.jpg">
                </div>
                <div class="col-md-4 col-sm-6 pic">
                    <img src="../images/item03.jpg">
                </div>
                </div>
              </div>
              
            </div>
       </div>
    </div>
</div>






<!-- 底部开始 -->
<div class="footer" >
    <div class="footer-one">
        <div class="col-md-3 col-sm-4">
            <div class="footer-logo">
                <img src="../images/logo.ico">
            </div>
        </div>
        <div class="col-md-6 col-sm-8 footer-a">
          <div class="footer-two">
            <div class="col-md-3 col-sm-3">
                <a href="#">关于公司</a>
            </div>
            <div class="col-md-3 col-sm-3">
                <a href="#">产品展示</a>
            </div>
            <div class="col-md-3 col-sm-3">
                <a href="#">招商加盟</a>
            </div>
            <div class="col-md-3 col-sm-3">
                <a href="#">加入我们</a>
            </div>
          </div>
          <p class="footer-bock">版权所有&copy;木兮实业有限公司&nbsp;&nbsp;鄂ICP备18011650号</p>
        </div>
       <div class="col-md-3 col-sm-12">
           <div class="row contact">
              <p class="col-md-12 col-sm-4">
                  <img src="../images/电 话.png" width="16px" height="16px">
                  027-83622296
              </p>
              <p class="col-md-12 col-sm-4">
                 <img src="../images/手机.png" width="16px" height="16px">
                 13387576980
              </p>
              <p class="col-md-12 col-sm-4">
                <img src="../images/邮箱.png" width="16px" height="16px">
                yt15@163.com
              </p>
           </div>
       </div>
    </div>

</div>


<script src="../lib/jquery-3.2.1.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
</body>
</html>